<template>
  <h5>父组件</h5>
<div class="dv">
    <!-- 引用全局子组件 -->
    <global-com></global-com>
    <global-com></global-com>
    <GlobalCom/>
<!-- 引用局部组件 -->
 <local-com></local-com>
 <local-com></local-com>
 
</div>
</template>

<script setup>
import LocalCom from "./LocalCom.vue";

</script>

<style scoped>
.dv{
display:flex;
}
h5{
  background-color: blanchedalmond;
  border: 1px dotted blue;
}
:deep(.title){
border: 3px dotted yellowgreen;

}
</style>